html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;box-sizing: border-box;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
html {font-size: 625%;/*10 梅 16 脳 100% = 62.5%*/}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.t_r{text-align:right;}
.left{ float:left;}
.right{ float:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.w{ width:100%; margin:0 auto; height: auto; overflow: hidden; padding: 0 100px;}
/********General**********/
.cd-main-header{
height:112px; width:100%; top:0; left:0; z-index:999;background: #fff;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.cd-logo {
top:.15rem; position:absolute;
left:5%;}
.cd-logo img{transition: all 0.3s ease 0s; height: 68px;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.cd-mobile{
position:absolute;
font-size:14px;
color:rgb(0,145,246);
line-height:24px;
top:14px;
right:100px;
}
.cd-mobile b{
color:rgb(0,145,246);
font-size:20px;
}
.topover{position:fixed;top:0;left:0;/* height:.6rem;*/background:#fff;z-index:9999;box-shadow:0px -2px 6px #000;}
/*.topover .cd-logo{top:.1rem; }*/
/*.topover .cd-logo img{ height:.4rem;}*/
.banner{width: 100%; height: auto;background: url(../Image/bannerbj.jpg) bottom left no-repeat; float: left;}
.banner .bx-wrapper{display: none;}
.main{width: 100%; float: left; overflow: hidden; }
.zdaohang{width: 100%; position: relative; height: 690px; margin-top: 100px; background: url(../Image/daohangbj.jpg) bottom repeat-x;}
.zdaohanglist{width:100%; padding-left: 590px; float: right; position: absolute; top: 0;left: 0; z-index: 5;}
.zdaohangbt{width: 490px; position: relative; z-index: 10; float: left; padding-right: 90px; background: url(../Image/daohangw.png)left 22px no-repeat; padding-top: 60px;}
.zdaohangbt h2{
font-size: 48px;
color: #666666;
line-height: 1.5;
font-family: "寰蒋闆呴粦";
font-weight: bold;
}
.zdaohangbt p{
font-size: 30px;
color: #999999;
margin: 30px 0;
font-family: "寰蒋闆呴粦";
font-weight: normal;
}
.zdaohangbt span{
font-size: 18px;
display: block;
color: #666666;
line-height: 2;
font-family: "寰蒋闆呴粦";
font-weight: normal;
}
.zdaohangbt a{ display: block; float: left; font-size: 14px; color: #666666; margin-top: 44px;}
.zdaohanglist .slide{ height: 568px;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 鍜 Chrome */
border-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.zdaohanglist .slide dd{ height: 266px; overflow: hidden;
border-top-left-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
border-top-right-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.zdaohanglist .slide dd img{width:100%; transform:translate(0,0); transition:all .5s ease-in 0s;}
.zdaohanglist .slide:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.zdaohanglist .bx-viewport{padding-bottom: 75px;padding-left:15px; }
.zdaohanglist .slide .slideinfo{width: 100%; height: 265px; background: #fff;box-shadow: 0px 5px 15px #dbd8d8; padding: 30px;
border-bottom-left-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
border-bottom-right-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.zdaohanglist .slide .slideinfo font{ font-size: 12px; color: #666666锛泒
.zdaohanglist .slide .slideinfo h3{ font-size: 24px; color: #333333; font-weight: bold; margin: 20px 0;}
.zdaohanglist .slide .slideinfo p{ font-size: 14px; color: #666666; line-height: 2;}
.zdaohanglist .slide .slideinfo a{ display: block; float: right; font-size: 14px; color: #666666; margin-top: 14px;}
.bx-controls{ bottom: 0; right: 382px; width:82px; text-align: center; position: absolute;}
.ad{width: 100%; height: 230px; background:url(../Image/ad.jpg) center no-repeat; }
.adbt{ float: left; margin: 30px 0 0 355px;}
.adbt p{ font-size: 40px; color: #ffffff;}
.adbt span{ font-size: 12px; color: #fff;}
.adw{
float: right;
margin: 30px 358px 0 0;
width: 436px;
color: #fff;
font-size: 16px;
line-height: 2;
font-family: "寰蒋闆呴粦";
}
.adw a{display: block; font-size: 14px; float: left; color: #fff; margin-top: 30px;}
.fangan{float: left;width: 100%; margin-top: 100px; position: relative;}
.fanganbj{width: 75%; height:585px; right: 0; top: 0; background:url(../Image/fanganbj.jpg) center repeat-x; position: absolute; z-index: 1;}
.fangan .w{position: relative; z-index: 2; padding-bottom: 20px;}
.fangbt{ float: left;background:url(../Image/fanganbtxian.png) left 58px no-repeat; padding-left:54px;}
.fangbt p{ font-size: 14px; color: #999999; font-style: italic;}
.fangbt h3{ font-size: 36px; color: #333333; }
.fanganw{ font-size: 18px; color: #666666; padding: 75px; line-height: 2; float: right;width: 80%; background: #eaeaea;}
.fangantop{width: 100%; float: left; padding-right: 10%; background:url(../Image/fanganbj2.png) right 187px no-repeat;}
.fanganlist{width: 100%; float: left; background: #fff; padding: 75px 75px 0 0;}
.fanganlist li{width: 30.3%; position: relative; float: left; margin-right:4.5%;box-shadow: 5px 5px 10px #e4dfdf;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari 鍜 Chrome */
border-radius:10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.fanganlist li dd{width: 100%; padding-bottom: 63.1%; position: relative; overflow: hidden;
border-top-left-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
border-top-right-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.fanganlist li dd img{width: 100%; position: absolute; height: 100%; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s;}
.fanganlist li:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.fanganlist li:nth-child(3){ margin-right: 0;}
.fanganlist li h4{ position: relative; font-size: 25px; color: #333333; margin:20px 0 0 0; margin-left: -7px; padding-left: 5px;}
.fanganlist li h4 b{width: 0; height: 92px; border-left:2px solid #333333; position: absolute;bottom:40px;left: 0; transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.fanganlist li p{ font-size: 16px; color: #999999; margin: 20px 0;}
.fanganlist li .amore{ font-size: 14px; color: #333333; display: block;}
.fanganlist li .amore b{width: 0; margin-top:10px; height:0px; border-bottom:2px solid #333333; float: left; transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s; margin-right:0px;
}
.fanganlist li:hover .amore b{width:92px; margin-right: 10px;}
.fanganlist li:hover h4 b{height: 0px;}
.fanganlist li dl{ padding: 30px; position: relative; }
.fanganlist li i{display: block; width: 76px; height: 77px; position: absolute;top:-38.5px; right: 30px; background:url(../Image/fanglist1.png)center no-repeat;
-webkit-transition:0.5s ease;-moz-transition:0.5s ease;}
.fanganlist li i a{display: block;width: 100%; height: 100%;}
.fanganlist li i:hover{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);}
.fanganlist li i:hover{background:url(../Image/fanglist.png)center no-repeat;}
.pro{width: 100%; float: left; position: relative; background:#eaeaea; margin-top: 65px;}
.pro .w{overflow:visible; }
.probt{ float: left;background:url(../Image/fanganbtxian.png) left 58px no-repeat; margin-top: 30px; padding-left:54px; }
.probt p{ font-size: 14px; color: #999999; font-style: italic;}
.probt h3{ font-size: 36px; color: #333333; }
.protopw{font-size: 16px; width: 70%; color: #666666; line-height: 2; position: relative; z-index: 1; padding: 50px; float: right; padding-bottom: 352px; background:#fff;}
.prolist{width:85%; position:relative; margin-top: -300px; z-index: 10; background: #eaeaea; float: left; padding: 50px 50px 0 0;}
.prozimu{width: 12px; height: 130px; background:url(../Image/fanganbj2.png) center no-repeat; float: right; }
.pro .w1{position: absolute; top: 175px; z-index: 11;}
.pro .slide{ width: 100%; background: #fff; box-shadow: 5px 5px 10px #e7e7e7;}
.pro .slideinfo{width:35%; float: left; padding: 3% 5%;}
.pro .slideinfo h3{
font-size: 26px;
color: #333333;
margin-bottom: 40px;
font-family: "寰蒋闆呴粦";
}
.pro .slideinfo font{ font-size: 16px; color: #333333; display: block; margin-bottom: 30px;}
.pro .slideinfo p{font-size: 16px; color: #666666; line-height: 2;}
.pro dd{width: 65%; float: left; position: relative; padding-bottom:43.29%;}
.pro dd img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.pro dd i{width: 26px; height: 35px;display: block; position: absolute; z-index: 10; background:url(../Image/prolisti.png)center no-repeat; left: 0; top: 160px; }
.pro .bx-controls{width: 35%; bottom: 45px; left: 0;}
.pro .bx-controls-direction{width: 40%; position: relative; margin: 0 auto;}
.promore{display: block; width: 75px; font-size: 14px; color:#666666; text-align: center; margin:30px auto;}
.more{position: relative; height: 35px;padding-top: 0; line-height: 35px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.more i{ transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.more i:nth-child(1){ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom:1px solid #0091f6; }
.more:hover i:nth-child(1){ width:0%;}
.more:hover{ padding-top: 10px;}
.yuangan{width: 32%; margin-left:10%; float: left;padding-bottom: 15px;}
.sbfw{width: 100%; float: left; margin-top: 100px; background:url(../Image/sbfwbj.jpg) right center no-repeat; background-size: auto 90%; }
.sbfwbt{ float: left;}
.sbfwbt font{ font-size: 20px; color: #999999; font-style: italic;}
.sbfwbt h3{ font-size: 36px; color: #333333; margin: 25px 0 30px; }
.sbfwbt p{ font-size: 26px; color: #999999;}
.yuanganw{width: 100%; float: left; margin-top:40px;}
.yuangabj{width: 100%; padding-bottom: 61.6%; position: relative; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 鍜 Chrome */
border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */}
.yuangabj img{width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index: 1;
transform:translate(0,0); transition:all .5s ease-in 0s;}
.yuangan:hover .yuangabj img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.yuangawz{width: 80%; float: left; margin-top:-220px; background: #fff; position: relative; z-index: 10; padding:50px;box-shadow: 5px 5px 10px #e7e7e7;margin-left:10px;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 鍜 Chrome */
border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */}
.yuangawz i{width: 0; height: 108px; border-left:2px solid #85c320; float: left; top: -52px; left: 79px;; display: block; position: absolute;}
.yuangawz h4{ font-size: 30px; color: #444444;margin:20px 0;}
.yuangawz p{ font-size: 14px; color: #666666; line-height: 2;}
.company{width: 32%; margin-right:10%; float: right;}
.companyw{width: 100%; float: left; margin-top: 80px;}
.companybj{width: 100%; padding-bottom: 61.6%; position: relative; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 鍜 Chrome */
border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */}
.companybj img{width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index: 1;
transform:translate(0,0); transition:all .5s ease-in 0s;}
.company:hover .companybj img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.companywz{width: 80%; float: left; margin-top:-220px; background: #fff; position: relative; z-index: 10; padding: 50px;box-shadow: 5px 5px 10px #e7e7e7;margin-left:10px;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 鍜 Chrome */
border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */}
.companywz b{width: 0; height: 108px; border-left:2px solid #0091f6; float: left; top: -52px; left: 79px;; display: block; position: absolute;}
.companywz h4{ font-size: 30px; color: #444444;margin:20px 0;}
.companywz p{ font-size: 14px; color: #666666; line-height: 2;}
.companywz a{display: block; float: right; width: 75px; font-size: 14px; color:#666666; text-align: center; margin-top: 30px; }
.ad2{ height: 280px; width: 100%; margin: 100px 0 0 0; float: left; position: relative; }
.ad2bj{width: 100%; height: 280px; padding-right: 100px; position: absolute; top: 0; left: 0; z-index: 1;}
.ad2bj p{width: 100%; height: 280px; float: right; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7;
border-top-right-radius: 140px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
border-bottom-right-radius: 140px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.ad2bj p img{height: 280px; float: right;}
.ad2w{text-align: center; font-size: 30px; padding-top: 47px; color: #999999; position: relative; z-index: 10;}
.ad2w font{text-align: center; font-size: 88px; color: #666666; font-style: italic; margin-top: 30px; font-weight: bold; display: block; }
.mes{width: 100%; float: left; margin-top: 100px; background:url(../Image/mesbj.jpg) top center no-repeat; }
.mes .w{padding-bottom: 10px;}
.mesbt{width: 17%; float:left; margin-top: 40px; }
.mesbt h3{ font-size: 36px; color: #333333;}
.mesbt p{ font-size: 16px; color: #333333; margin-top: 30px; line-height: 2;}
.mes-form{width: 79%; float: right; background: #fff; padding: 40px; padding-bottom: 10px; margin-top: 85px; box-shadow: 5px 5px 10px #e7e7e7;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 鍜 Chrome */
border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.mes .form-tr{width: 30.3%; float:left; margin-right:4.5%; margin-bottom: 30px; }
.mes .form-tr:nth-child(6){margin-right:0;}
.mes .form-tr:nth-child(2){width: 100%;margin-right: 0;}
.mes .form-tr p{ font-size: 14px; color: #666666; font-weight: bold;}
.mes .form-tr p font{ color: #ff2626}
.mes .form-tr input{width:100%; background:none; border: none; height: 50px; border-bottom: 1px solid #e3e3e3}
.mes .form-tr textarea{width:100%; background:none; border: none; height: 50px; border-bottom: 1px solid #e3e3e3}
.mes .code input{width: 50%; float: left;}
.mes .code img{width:100px; float: left;}
.mes .form-tr:nth-child(9){margin-right: 0;}
.mes .submit{width: 200px; height: 50px;display: block; margin: 0 auto; text-align: center; border: 1px solid #e3e3e3; line-height: 50px; font-size: 14px; color: #333333;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-border-radius: 0px; /* Firefox */
-webkit-border-radius: 0px; /* Safari 鍜 Chrome */
border-radius: 0px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.mes .submit:hover{
-moz-border-radius: 25px; /* Firefox */
-webkit-border-radius: 25px; /* Safari 鍜 Chrome */
border-radius: 25px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.footer{width: 100%; float: left; background: #eaeaea; margin-top: 60px; padding-top: 50px;}
.flogo{float: left; width: 17%;}
.flogo img{max-width: 100%;}
.footr{width:79%; float: right;}
.ftel{width: 100%; font-size: 16px; color: #333333;}
.ftel li{width: 25%; float: left;}
.fnav{width: 100%; float: left; margin-top: 40px;}
.fnav ul{width: 20%; float: left;}
.fnav ul h4{ font-size: 20px; color: #333333;}
.fnav ul li{ font-size: 16px; color: #333333; line-height: 2;}
.fnav ul li:hover{text-decoration: underline;}
.admin{width: 100%; font-size: 16px; color: #333333; text-align: center; line-height: 73px; height: 73px; border-top:1px solid #d8d8d8; margin-top: 50px;}
.nbanner{width: 100%; float: left; position: relative;}
.nbanner img{position: absolute; max-width: 50%; top: 0; right: 0;}
.nbannerw{width: 50%; float: left; padding-top: 70px; margin-top: 80px; padding-left: 60px; background:url(../Image/nbannerbt.png) top left no-repeat; }
.nbannerw .bannerbt h3{ font-size: 48px; color: #333333; font-weight: bold;}
.nbannerw .bannerbt h3 b{font-size: 20px; font-style: italic;}
.nbannerw .bannerbt font{ font-size: 14px; color: #999999;}
.nbannerw p{ font-size: 16px; color: #333333; line-height: 2; margin-top: 40px; font-weight: 400;}
.location .rig-title-over{display: none;}
.location{margin-top: 40px; font-size: 14px; color: #999999;}
.location dd{float: left;}
.location .rig-title{float: left;}
.naboutw{width: 100%; float: left; margin-top: 100px; }
.nabt{ background:url(../Image/nabt.png) left center no-repeat; font-size: 36px; color: #333333; padding-left: 60px;}
.naboutw_p{padding-left: 60px; margin-top: 45px; font-size: 18px; color: #333333; line-height: 2;}
.nhonor{width: 100%; float:left; margin-top: 100px; background:url(../Image/nhonorbj.jpg) top repeat-x; padding-top: 77px; }
.nhonor #owl-demo{margin-top: 56px;}
.nhonor #owl-demo .item{width: 356px; }
.nhonor #owl-demo .item p{ font-size: 16px; color: #333333; text-align: center; line-height: 2;}
.nhonor #owl-demo .item:hover p{ color: #0091f6;}
.njzxw1{width: 100%; float: left; margin-top:100px; }
.njzxw1_p{ font-size: 18px; color: #333333; line-height: 2; margin-top: 40px; padding-left: 60px;}
.njzxw1pic{ padding-left: 60px; text-align: center;width: 100%; margin-top: 60px;}
.njzxw1pic img{ display: inline-block; margin: 0 50px;}
.cpts{width: 100%; float: left; margin-top: 100px;}
.cpts ul{width: 100%; float: left; margin-top: 64px;}
.cpts li{width:22%; position: relative; float: left; margin-right:4%; height:412px; background: #f5f5f5; padding:38px 23px 20px;
-moz-border-radius: 25px; /* Firefox */
-webkit-border-radius: 25px; /* Safari 鍜 Chrome */
border-radius: 25px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */}
.cpts li i{display:block;width: 46px; height: 23px; background:url(../Image/cptdi.png) repeat-x; position: absolute; top: 0; left: 87px; }
.cpts li:nth-child(4){margin-right:0;}
.cpts li dd{width: 100%; height:354px; border: 2px dashed #cbcbcb;
-moz-border-radius: 25px; /* Firefox */
-webkit-border-radius: 25px; /* Safari 鍜 Chrome */
border-radius: 25px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.cpts li h3{font-size: 26px; color: #333333; font-weight: bold; text-align: center; margin: 20px 0;}
.cpts li p{ padding:0 40px; background:url(../Image/cptdli.png)center 40px no-repeat; font-size: 18px; color: #333333; line-height: 41px; }
.nprodh{width:20%; float: left; position: relative; margin-top: 100px; z-index: 10;}
.btn{ width: 100%; top:100px; position: absolute; z-index: 10;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.btn.on{position: fixed; top:100px; width: 20%;}
.btn a{ height: 35px; margin-bottom: 15px;
display:block; font-size: 18px; color: #666666;
width:100%;
text-align:left;
}
.btn a font{display: block; font-style: italic; float: left; padding-right: 15px;}
.btn a span{display: block; float:left; margin-top:2px; }
.btn .active{
color:#0091f6;
}
.btn .active font{ background:url(../Image/butaon.png)right center no-repeat; }
.npro1{width: 100%; overflow: hidden; background: #f5f5f5; padding: 100px 0; float: left; position: relative; }
.npro1 .w{overflow: hidden;}
.nprolist{width: 80%; float: right; padding-left: 100px; border-left:1px solid #e6e6e6; margin-left: -1px;}
#pro1{ width:100%; float: left; padding-top: 100px;}
#pro1 .nprolistw{float: left;}
#pro1 .nprolistpic{float: right;}
.nprolistw{width:28%;}
.nprolistbt{ padding: 35px 0; line-height:2; background-size: auto 100%; width: 100%; float: left; }
.nprolistw_p{ font-size: 16px; margin-top: 40px; width: 100%; float: left; color: #333333; line-height: 2;}
.nprolistbt h4{ font-size: 30px; color: #333333; padding: 0; margin: 0; }
.nprolistbt h4 font{ font-size: 20px; color: #333333; display: block;}
.nprolistpic{width:68%;}
.nprolistpic img{width: 100%;}
.nprolistw a{display: block; font-size: 14px; float: right; color: #666666; margin-top: 30px;}
#pro1 .nprolistbt{ background:url(../Image/prolist_numb1.png)left center no-repeat; }
#pro2 .nprolistbt{ background:url(../Image/prolist_numb2.png)left center no-repeat; }
#pro3 .nprolistbt{ background:url(../Image/prolist_numb3.png)left center no-repeat; }
#pro4 .nprolistbt{ background:url(../Image/prolist_numb4.png)left center no-repeat; }
#pro5 .nprolistbt{ background:url(../Image/prolist_numb5.png)left center no-repeat; }
#pro6 .nprolistbt{ background:url(../Image/prolist_numb6.png)left center no-repeat; }
#pro7 .nprolistbt{ background:url(../Image/prolist_numb7.png)left center no-repeat; }
#pro8 .nprolistbt{ background:url(../Image/prolist_numb8.png)left center no-repeat; }
#pro9 .nprolistbt{ background:url(../Image/prolist_numb9.png)left center no-repeat; }
#pro2{ width:100%; float: left; padding-top: 100px;}
#pro2 .nprolistw{float: right;}
#pro2 .nprolistpic{float: left;}
.npro2{width: 100%; float: left;}
#pro3{ width:100%; float: left; padding-top: 100px;}
#pro3 .nprolistw{float: left;}
#pro3 .nprolistpic{float: right;}
#pro4{ width:100%; float: left; padding-top: 100px;}
#pro4 .nprolistw{float: right;}
#pro4 .nprolistpic{float: left;}
.npro3{width: 100%; overflow: hidden; background: #f5f5f5; padding:0 0 100px 0; float: left; position: relative; margin-top: 100px; z-index: 1 }
.npro3 .w{overflow: hidden;}
#pro5{ width:100%; float: left; padding-top: 100px;}
#pro5 .nprolistw{float: left;}
#pro5 .nprolistpic{float: right;}
#pro6{ width:100%; float: left; padding-top: 100px;}
#pro6 .nprolistw{float: right;}
#pro6 .nprolistpic{float: left;}
.npro4{width: 100%; float: left;}
#pro7{ width:100%; float: left;padding-top: 100px;}
#pro7 .nprolistw{float: left;}
#pro7 .nprolistpic{float: right;}
#pro8{ width:100%; float: left; padding-top: 100px;}
#pro8 .nprolistw{float: right;}
#pro8 .nprolistpic{float: left;}
#pro9{ width:100%; float: left; padding-top: 100px;}
#pro9 .nprolistw{float: left;}
#pro9 .nprolistpic{float: right;}
.nproinfo{width: 100%; float: left; margin-top: 100px; font-size: 16px; color: #333333; line-height: 2;}
.pro8_1{width: 100%; position: relative;}
.pro8_1pic{width:52%; position: absolute; padding-right:200px; right: 0;top:120px;}
.pro8_1 img{ width: 100%;}
.pro8_1_bj{width: 100%; background: #f5f5f5; padding: 50px 0;}
.pro8_1_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; }
.pro8_1_w{width:100%; padding-left: 60px; }
.pro8_2_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; }
.pro8_2_w{width:100%;padding-left: 60px; font-size: 16px; color: #333333; line-height: 2;}
.pro8_2_w li{background:url(../Image/pro8w2li.png)left center no-repeat; line-height: 2.5; padding-left: 26px;}
.pro8_3{width: 100%; float: left; margin-top: 80px;}
.pro8_3_w{ width: 100%; margin-top: 50px;padding-left: 60px;}
.pro8_3_pic{width: 100%}
.pro8_3_pic img:nth-child(1){margin-top: 40px; max-width: 100%;}
.pro8_3_pc{width: 100%;}
.pro8_3_pc img{display: block; margin: 0 auto; max-width: 100%;}
.pro8_3_m{display: none;}
.pro8_3_m img:nth-child(1){margin-top: 40px; max-width: 100%; float: left;}
.pro8_3_m img:nth-child(2){margin-top: 40px; max-width: 100%;float: left;}
.pro8_4{width: 100%; margin-top:80px; }
.pro8_4 ul{padding-left: 60px; width: 100%; margin-top: 65px; }
.pro8_4 li{width: 100%; position: relative; background: #f5f5f5; height: auto; overflow: auto; float: left; margin-bottom: 30px;}
.pro8_4 li dd{width:60%; padding-bottom: 30%; position: relative; float: left;}
.pro8_4 li dd img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.pro8_4 li p{width: 40%; position:absolute; height: 100%; padding: 60px; right: 0; top: 0; background:url(../Image/pro8w4wp.png)left 81px no-repeat; }
.pro8_4 li p span{ font-size: 28px; display: block; color: #333333; margin-bottom: 20px;}
.pro8_4 li p i{display: block; position: absolute; bottom: 60px; right: 60px;;width: 258px; height: 38px; line-height: 38px; text-align: center; background: #e0e0e0;
-moz-border-radius: 19px; /* Firefox */
-webkit-border-radius: 19px; /* Safari 鍜 Chrome */
border-radius: 19px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.pro8_4 li:nth-child(2) dd{ float: right;}
.pro8_4 li:nth-child(2) p{left: 0; right: auto;background:url(../Image/pro8w4wp2.png)right 81px no-repeat;}
.pro8_4 li:nth-child(4) dd{ float: right;}
.pro8_4 li:nth-child(4) p{left: 0; right: auto;background:url(../Image/pro8w4wp2.png)right 81px no-repeat;}
.pro8_5{width: 100%; padding-top: 80px;}
.pro8_5 ul{ padding-left: 60px; width: 100%; float: left; margin-top: 60px;}
.pro8_5 ul li{width: 16.666%; float: left;}
.pro8_5 ul li dd{width: 100%;}
.pro8_5 ul li dd img{max-width: 100%;display: block; margin: 0 auto;}
.pro8_5 ul li p{text-align: center; font-size: 16px; padding: 0 20px;}
.nbannerw font{ font-size: 16px; color: #333333; font-style: italic;display: block;}
.nbannerw .bannerbt h3 span{ font-size: 30px; color: #333333; background:url(../Image/nbannerh3.png)right no-repeat; padding-right:15px;display: block; float: left; height: 50px; line-height: 30px; margin-top:12px; margin-right: 20px;}
.pro7_1{width: 100%; float: left;}
.pro7_1_w{width: 100%; padding-left: 60px;}
.pro7_1_w img{max-width: 100%; margin-top: 50px;}
.nfwwlw{width:50%; float: left; margin-top: 100px;}
.nnfwwlw_p{width:100%; float: left; padding-left: 60px; margin-top:50px; font-size: 16px; color: #333333; line-height: 2;}
.map{width: 50%; float: right;}
.map #container{width: 100%; height:800px;}
.pro7_5{width: 100%; padding-top: 80px;}
.pro7_5 ul{ padding-left: 60px; width: 100%; float: left; margin-top: 40px;}
.pro7_5 ul li{width:25%; float: left;margin-top:20px;}
.pro7_5 ul li dd{width: 100%;}
.pro7_5 ul li dd img{max-width: 100%;display: block; margin: 0 auto;}
.pro7_5 ul li p{text-align:center;font-size: 15px;line-height:20px;margin-top:10px;padding: 0 20px;}
.pro6_2_bj{width: 100%;/* margin-top: 200px;*/ background: #f5f5f5; padding: 50px 0;}
.pro6_2pic{width:38%; position: absolute; padding-right:200px; right: 0;top:67px;}
.pro4_1_w{padding-left: 60px; margin-top: 40px;}
.pro4_1_list{width:100%; text-align: center; float:left; margin-top: 50px;}
.pro4_1_list li{width: 23%; text-align: center; display: inline-block; margin:1%;}
.pro4_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro4_1_list li dd img{ position: absolute; top: 0; width: 100%; height: 100%; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro4_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro4_2{width: 100%; position: relative; /*margin-top: 90px;*/}
.pro4_2pic{width:38%; position: absolute; padding-right:220px; right: 0;top:120px;}
.pro4_2 img{ max-width: 100%;}
.pro4_2_bj{width: 100%; background: #f5f5f5; padding: 50px 0;}
.pro4_2_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; }
.pro4_2_w{width:100%; padding-left: 60px; }
.pro4_2_w li{background:url(../Image/pro8w2li.png)left 15px no-repeat; line-height: 2.5; padding-left: 26px;}
.pro4_3_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; }
.pro4_3_w{width:100%;padding-left: 60px; color: #333333; line-height: 2;}
.pro4_3_w li{background:url(../Image/pro8w2li.png)left 15px no-repeat; line-height: 2.5; padding-left: 26px;}
.pro4_4{margin-top: 90px;}
.pro4_4_w{margin-top: 50px; padding-left: 60px;}
.pro5_1{width: 100%;}
.pro5_1_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;}
.pro5_1_list{width: 100%; float: left; }
.pro5_1_list li{width: 23%; float: left; margin: 1%; text-align: center;}
.pro5_1_list li:nth-child(1){width:48%; float: left; margin: 1%;}
.pro5_1_list li:nth-child(1) dd{width: 100%; padding-bottom:45.23%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro5_1_list li:nth-child(1) dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro5_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro5_1_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro5_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro5_2{width: 100%; background: #f5f5f5; padding: 50px 0; margin-top: 80px;}
.pro5_2_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;}
.pro5_2_list{width: 100%; float: left; }
.pro5_2_list li{width:23%; float: left; margin: 1%; text-align: center;}
.pro5_2_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro5_2_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro5_2_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro5_3{width: 100%; float: left; margin-top: 80px}
.pro5_3_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;}
.pro5_3_list{width: 100%; float: left; }
.pro5_3_list li{width: 23%; float: left; margin: 1%; text-align: center;}
.pro5_3_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro5_3_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro5_3_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro3_1_w{padding-left: 60px; margin-top: 40px;}
.pro3_1_list{width: 100%; float:left; margin-top: 50px; text-align: center;}
.pro3_1_list li{width: 22%; display: inline-block; margin: 1%;}
.pro3_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro3_1_list li dd img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro3_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro3_1_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; }
.pro3_1_w{width:100%;padding-left: 60px; font-size: 18px; color: #333333; line-height: 2;}
.pro3_1_w li{background:url(../Image/pro8w2li.png)left center no-repeat; line-height: 2.5; padding-left: 26px;}
.pro3_3{width: 100%; float: left; margin-top: 80px;}
.pro3_3_w{width ul:100%;padding-left: 60px; font-size: 18px; color: #333333; line-height: 2; margin-top: 30px;}
.pro2_2{width: 40% !important;}
.pro2_2{width: 40%;}
.pro9_1{width: 100%; position: relative;}
.pro9_1pic{width:28%; padding-right:100px;margin-top:50px;float: right;}
.pro9_1 img{ max-width: 100%; float: right;}
.pro9_1_w{width: 100%; float: left; margin-bottom: 20px; padding-left: 60px;}
.pro9_1_w h4{ height: 40px; background:url(../Image/pro9h4.jpg)right center no-repeat #e0e0e0; padding-right:90px; color: #333333; line-height:40px; text-indent: 15px; margin:20px 0; float: left;}
.pro9_1_w p{width: 100%; float: left;}
.pro12w1{width: 100%;}
.pro12w1 img{display: block; margin: 0 auto; max-width: 100%;}
.pro12w2{width: 100%;float: left;}
.pro12w2bt{width: 100%; text-align: center; font-size: 18px; color: #666666; line-height: 2;}
.pro12w2bt h4{ font-size: 30px; color: #333333; margin: 0;}
.pro12w2pic{width: 960px; margin:40px auto; max-width: 100%; position: relative;}
.pro12w2pic img{width:54%; display: block; float: left;}
.pro12w2pic1{width: 23%; float: left; font-size: 18px; color: #333333; margin-top: 180px;}
.pro12w2pic1 b{ font-size: 24px; color: #111111; display: block;}
.pro12w2pic2{width: 20%; float: left; font-size: 18px; color: #333333;margin-top: 180px;}
.pro12w2pic2 b{ font-size: 24px; color: #111111; display: block;}
.pro12w2list{width:100%; float: left; margin-top: 74px; height: 350px; background:url(../Image/pro12w2list.png) center no-repeat; }
.pro12w2list ul{width: 980px; margin: 0 auto;}
.pro12w2list ul li{ font-size: 18px; color: #333333; width: 50%; float: left; height: 170px; padding-left:73px; background:url(../Image/pro12w2listli.png)80px 57px no-repeat; padding: 43px 0 0 112px;}
.pro12w2list ul li font{display: block; font-size: 24px; color: #111111;}
.pro12w3{width: 100%; float: left; margin-top: 60px;}
.pro12w3_1{padding-left: 60px; width: 100%; float: left; margin-top: 30px;}
.pro12w3_1 img{max-width: 100%;}
.pro12_2_bj{ width: 100%; margin-top: 60px;
background: #f5f5f5;
padding: 50px 0;}
.pro13w2{width: 100%; float: left;}
.pro13w2_1{float: left; max-width: 50%; margin-top: 146px;}
.pro13w2_2{float: right; max-width: 50%;}
.pro14{width: 100%; float: left; margin-top: 30px; padding-left: 60px;}
.pro14 img{max-width: 100%; display: block; float: left;}
.pro14 img:nth-child(2){width:45%; float: left;display: block; margin-right: 10%锛泒
.pro14 img:nth-child(3){width:45%; float: left;display: block;}
.nproinfol{width: 60%; float: left;}
.backpre{display: block; width:100px; text-align: center;
font-size: 14px;
color: #666666;
margin: 14px auto;}
.ncase{width: 100%; background: #f5f5f5; padding: 50px 0; }
.ncase dl{width: 100%; position: relative; margin-bottom:20px;
overflow: hidden;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 鍜 Chrome */
border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */
}
.ncase dl dd{position: relative; width: 100%; padding-bottom: 78.7%;
}
.ncase dl dd img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform:translate(0,0); transition:all .5s ease-in 0s;}
.ncase dl:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.ncase #owl-demo:hover.item dl p{color:#333333 !important }
.ncase dl p{width: 100%; height: 100%; background: #fff; position: absolute;top: 0; left: 0; color: #333333; padding:40px 20px; font-size: 16px; line-height: 2; text-align: left !important;opacity:1;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.ncase dl p span{display: block; position: absolute; left: 20px; bottom:40px;}
.ncase dl:hover p{opacity: 0;}
.page{ width:100%; text-align:center; margin-top:40px;}
.page a{ padding:5px 15px; background:#0091f6; border:1px solid #0091f6; color:#FFF; margin:0 5px;}
.page .current{border:1px solid #0091f6; color:#0091f6;padding:5px 15px; margin:0 5px;}
.page a.prev{background:url(../Image/proleft.png) center no-repeat #0091f6;}
.page a.next{background:url(../Image/proright.png) center no-repeat #0091f6;}
.tubox{width:100%;margin:30px auto;}
.tubox .item{margin:0 6px 10px;}
.tubox .item img{width: 100%;display:block;border-radius:10px;}
.tubox .item p{width: 100%;height:42px;overflow:hidden;text-align: center;line-height:42px;color:#686868;font-size:16px;}
.tubox .item p a{font-size: 13px;color: #303030;font-family: "寰蒋闆呴粦";height:42px;line-height: 42px;display: block;width: 100%;overflow: hidden;}
.tubox .item p a:hover{color: #0097da;text-decoration: underline;}
.inner-news{margin-top:100px;padding:0 60px;}
.inner-news-list a{width:22.75%;height:auto;margin-right:3%;margin-top:3%;float:left;}
.inner-news-list a:nth-child(4n){margin-right:0;}
.inner-news-list li{padding:40px 30px;cursor:pointer;border:1px solid #eee;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.inner-news-list li .time{font-size:24px;height:32px;line-height:32px;color:#999;overflow:hidden;font-family:'FuturaLL';}
.inner-news-list li .title{font-size:20px;height:32px;line-height:32px;color:#333;overflow:hidden;margin-top:30px;}
.inner-news-list li .con{font-size:16px;height:64px;line-height:32px;color:#333;overflow:hidden;margin-top:10px;}
.inner-news-list li .link{font-size:15px;height:32px;line-height:32px;color:#999;overflow:hidden;margin-top:40px;text-decoration:underline;}
.inner-news-list li:hover{background:url(../Image/bg5.jpg) no-repeat center;background-size:cover;padding:40px 20px 40px 40px;}
.inner-news-list li:hover .time{color:#FFF;}
.inner-news-list li:hover .title{color:#FFF;}
.inner-news-list li:hover .con{color:#FFF;}
.inner-news-list li:hover .link{color:#FFF;}
.news-deatils{width:90%;height:auto;margin:40px auto 40px;}
.news-deatils-title{font-size:20px;line-height:32px;color:#1d8acc;font-weight:bold;}
.news-deatils-name{font-size:36px;line-height:48px;color:#333;font-weight:bold;margin-top:30px;}
.news-deatils-time{font-size:16px;line-height:32px;color:#666;}
.news-deatils-con{font-size:16px;line-height:28px;color:#333;margin-top:40px;}
.news-deatils-con p{margin-bottom:20px;}
.news-deatils-con img{max-width:80%;display:block;margin:0 auto 30px;}
/* --缈婚〉-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'瀹嬩綋';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#0091f6;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#0091f6;}
.txt-upDown-li:hover .title .page-a{color:#0091f6;}
.txt-upDown-li:hover .title a{color:#0091f6;}
.txt-upDown-li.txt-right{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.swiper-banner{width:100%;height:240px;overflow:hidden;background:#fff;position:relative;z-index:99;display:none;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .img{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.banner_pagination{text-align:center;position:absolute;bottom:20px !important;z-index:99;}
.banner_pagination .swiper-pagination-bullet{background:#888;margin:auto 5px !important;border-radius:4px !important;}
.banner_pagination .swiper-pagination-bullet-active{width:24px;background:#666 !important;}
.swiper-prolist{width:100%;height:auto;overflow:hidden;position:relative;z-index:99;display:none;margin:30px 0 0;}
.swiper-prolist .swiper-slide{overflow:hidden;position:relative;background:#fff;}
.swiper-prolist-more{display:none;}
.swiper-prolist .slideinfo2{padding-top:5%;}
.swiper-prolist .slideinfo2 h3{font-size: 22px; color: #333333;padding:0 5%;margin-bottom: 20px;}
.swiper-prolist .slideinfo2 font{ font-size: 16px; color: #333333;padding:0 5%;display: block; margin-bottom: 20px;}
.swiper-prolist .slideinfo2 p{font-size: 14px; color: #666666;padding:0 5%;line-height: 2;}
.swiper-prolist .slideinfo2 img{width: 100%; height: 100%;display:block;margin-top:30px;}
/* --鍒嗛〉-- */
.de-page-mian {
overflow: hidden;
text-align: center;
font-size: 0;
margin:20px 0 0;
}
.de-page-mian .page-inner {
display: inline-block;
overflow: hidden;
}
.de-page-mian .page-inner a {
display: block;
float: left;
min-width: 26px;
padding: 0 5px;
height: 36px;
border: 1px solid #dddddd;
background: #fff;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin-right: -1px;
overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
color: #fff;
border-color: #ffa200;
background: #ffa200;
}
.de-page-mian .page-inner a.prev {
margin-right: 10px;
background: #fff url(../images/../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
background: #fff url(../images/../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
margin-left: 10px;
margin-right: 15px;
background: #fff url(../images/../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
background: #fff url(../images/../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
font-size: 12px;
margin-right: 0;
width: 63px;
margin-left: 10px;
}
.de-page-mian .page-inner span {
display: block;
font-size: 12px;
color: #333;
float: left;
line-height: 38px;
}
.de-page-mian .page-inner input {
display: block;
float: left;
height: 36px;
width: 36px;
border: 1px solid #dddddd;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin: 0 5px;
}
.goodslist{margin-top:40px;}
.pro15{padding-left:60px;margin-top:40px;}
.pro15{width:100%; text-align: center; float:left; margin-top: 50px;}
.pro15 li{width:22%;text-align:center;margin:1%;float:left;}
.pro15 li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro15 li dd img{ position: absolute; top: 0; width: 100%; height: 100%; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro15 li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro15 li p{height:40px;font-size:15px;line-height:20px;margin-top:10px;overflow:hidden;}